page {
  background: #f9f9f9;
}

.item {
  margin-bottom: 30rpx;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.bar {
  margin-left:24rpx;
  height: 90rpx;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(221, 221, 221, .3);
}
.bar:last-child{
    border-bottom: 0px;
}
.bar.b1{
    padding-left:146rpx;
}

.bar .text {
  width: 146rpx;
  height: 90rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 30rpx;
  color: #333;
}

.bar .area {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 88rpx;
}

.bar .area text {
  width: 100%;
  font-size: 30rpx;
  color: #808080;
}

.bar .area .input {
  width: 100%;
  font-size: 30rpx;
  margin-top: 5rpx;
  color: #181830;
}

.sex {
  width: 160rpx;
  height: 90rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sex:last-child {
  margin-left: 60rpx;
}

.sex .icon {
  width: 36rpx;
  height: 36rpx;
  background: url(http://img1.birdback.org/a/29/e9/29e9eafa6f100d97529c04eec066f463.png) no-repeat;
  background-size: 100% 100%;
}

.sex .ck {
  width: 36rpx;
  height: 36rpx;
  background: url(http://img1.birdback.org/a/6e/e1/6ee1925f93e59b57dffae67a07d383f8.png) no-repeat;
  background-size: 100% 100%;
}

.sex-text {
  font-size: 30rpx;
  color: #545455;
  margin-left: 16rpx;
}

.save {
  padding:0 20rpx;
  margin-top: 60rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.save button {
  height: 96rpx;
  background: #12D195;
  border-radius: 48rpx;
  font-size: 34rpx;
  color: #fff;
  line-height: 90rpx;
  font-weight:500;
  flex-grow: 1;
  margin:0 10rpx;
}
.save .delete-btn{
    border:1px solid #00B89D;
    background: transparent;
    color: #00B89D;
}
.save button::after{
    border: none;
}
.select icon {
    margin-right:30rpx;
}
.spare_number{
    flex: 1;
}